{layout name="p/base"}
  <div id="page-wrapper">
    <div class="row">
      <div class="col-lg-12">
        <h1>房车管理 <small>查看房车信息</small></h1>
        <ol class="breadcrumb">
          <li><a href="/manager/index"><i class="fa fa-dashboard"></i> 管理首页</a></li>
          <li><a href="/caravancontrol/list"><i class="fa fa-dashboard"></i> 房车信息列表</a></li>
          <li class="active"><i class="fa fa-table"></i> 查看房车信息</li>
        </ol>
        <div class="alert alert-success alert-dismissable">
          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
          查看房车信息
        </div>
      </div>
    </div>
    <!-- /.row -->
    <div class="row">
      <!-- 选项卡start -->
      <div class="bs-example">
        <!-- 选项卡标题start -->
        <ul class="nav nav-tabs" style="margin-bottom:15px;">
          <li class="active">
            <a href="#one" data-toggle="tab">基本信息</a>
          </li>
        </ul>
        <!-- 选项卡标题end -->
        <!-- 选项卡内容start -->
        <div id="myTabContent" class="tab-content">
          <!-- 选项卡内容1start -->
          <div id="one" class="tab-pane fade active in">
            <form class="form-horizontal" role="form" action="">
              <!-- 基本信息start -->
              <div class="col-lg-6">
                <div class="panel panel-default">
                  <div class="panel-heading ">
                    <h3 class="panel-title">
                      基本信息
                    </h3>
                  </div>
                  <div class="panel-body">
                    <div class="form-group">
                      <label for="firstname" class="col-sm-3 control-label">房车编号</label>
                      <div class="col-sm-9">
                         <input type="text" class="form-control"  value="{$info.number}" readonly>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="firstname" class="col-sm-3 control-label">房车名称</label>
                      <div class="col-sm-9">
                         <input type="text" class="form-control"   value="{$info.name}" readonly>
                      </div>
                    </div>
                    <div class="form-group ">
                      <label for="firstname" class="control-label col-sm-3">车辆品牌</label>
                      <div class="col-sm-9">
                      <input type="text" class="form-control"  value="{$info->getBrands($info['car_brands_id'])}" readonly>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="firstname" class="control-label col-sm-3">车型</label>
                      <div class="col-sm-9">
                      <input type="text" class="form-control"  value="{$info->getCates($info['car_cates_id'])}" readonly>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="firstname" class="control-label col-sm-3">排挡</label>
                      <div class="col-sm-9">
                      <input type="text" class="form-control"  value="{$info->getZiduan3Name($info['speed'])}" readonly>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="firstname" class="control-label col-sm-3">房车服务机构</label>
                      <div class="col-sm-9">
                      <input type="text" class="form-control" value="{$info.campcontrols.name}" readonly>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="firstname" class="col-sm-3 control-label">泊位编号</label>
                      <div class="col-sm-9">
                         <input type="text" class="form-control" value="{$info.park_num}" readonly>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="firstname" class="col-sm-3 control-label">注册日期</label>
                      <div class="col-sm-9">
                         <input type="text" class="form-control"  value="{$info.registration}" readonly>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="firstname" class="col-sm-3 control-label">车主姓名</label>
                      <div class="col-sm-9">
                         <input type="text" class="form-control"  value="{$info.owner_name}" readonly>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="firstname" class="control-label col-sm-3">国别</label>
                      <div class="col-sm-9">
                      <input type="text" class="form-control"  value="{$info->getCountries($info['car_countries_id'])}" readonly>
                      </div>
                    </div>
                    <div class="form-group ">
                      <label class="control-label col-sm-3">准驾类型</label>
                      <div class="col-sm-9">
                      <input type="text" class="form-control"  value="{$info->getCates($info['driver_type'])}" readonly>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!-- 基本信息end -->
              <!-- 车内配套设施start -->
              <div class="col-lg-6">
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h3 class="panel-title">
                      车内配套设施
                    </h3>
                  </div>
                  <div class="panel-body">
                    <!-- <div class="form-group">
                      <label for="firstname" class="col-sm-4 control-label">尺寸/长*宽*高(mm)</label>
                      <div class="col-sm-8">
                         <input type="text" class="form-control"  value="" readonly>
                      </div>
                    </div> -->
                    <div class="form-group">
                      <label for="firstname" class="col-sm-4 control-label">单人床数量(张)</label>
                      <div class="col-sm-8">
                         <input type="text" class="form-control"  value="{$info.single_bed_num}" readonly></input>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="firstname" class="col-sm-4 control-label">双人床数量(张)</label>
                      <div class="col-sm-8">
                         <input type="text" class="form-control" value="{$info.double_bed_num}" readonly></input>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="firstname" class="col-sm-4 control-label">可住几人</label>
                      <div class="col-sm-8">
                         <input type="text" class="form-control" value="{$info.people_num}" readonly></input>
                      </div>
                    </div>
                    <div class="form-group">
                      <label for="firstname" class="col-sm-4 control-label">沙发乘坐人数</label>
                      <div class="col-sm-8">
                         <input type="text" class="form-control" value="{$info.sofe_num}" readonly></input>
                      </div>
                    </div>
                    <!-- 车内配套设施start -->
                    {foreach $ziduan1 as $key=>$value}
                    <div class="form-group">
                      <label for="firstname" class="control-label col-sm-4">{$key|lang}：</label>
                      {foreach $value as $k=>$v}
                      <label  class="radio-inline">
                      {if $info[$key]==$k}
                      <input type="radio" id="{$key.$k}" name="{$key}" checked="true" disabled value="{$k}" class="form-radio"/>{$v|lang}</label>
                      {else}
                      <input type="radio" id="{$key.$k}" name="{$key}" value="{$k}" disabled class="form-radio"/>{$v|lang}</label>
                      {/if}
                      {/foreach} 
                    </div>
                    {/foreach}
                    <!-- 车内配套设施end -->
                  </div>
                </div>
              </div>
              <!-- 图片start -->
              <div class="col-lg-10 col-lg-offset-1">
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h3 class="panel-title">
                      封面图片
                    </h3>
                  </div>
                  {if !empty($info.caravancover['0'])}
                      <img width="200" height="200" src="{$info.caravancover['0']}">
                  {/if}
                </div>
              </div>
              <div class="col-lg-10 col-lg-offset-1">
                <div class="panel panel-default">
                  <div class="panel-heading">
                    <h3 class="panel-title">
                    房车图片
                    </h3>
                  </div>
                  <div class="panel-body">
                  {if !empty($info.piccaravan['0'])}
                    <div class="col-sm-2"><img width="100" height="100" src="{$info.piccaravan['0']}"></div>
                  {/if}
                  {if !empty($info.piccaravan['1'])}
                    <div class="col-sm-2"><img width="100" height="100" src="{$info.piccaravan['1']}"></div>
                  {/if}
                  {if !empty($info.piccaravan['2'])}
                    <div class="col-sm-2"><img width="100" height="100" src="{$info.piccaravan['2']}"></div>
                  {/if}
                  {if !empty($info.piccaravan['3'])}
                    <div class="col-sm-2"><img width="100" height="100" src="{$info.piccaravan['3']}"></div>
                  {/if}
                  {if !empty($info.piccaravan['4'])}
                    <div class="col-sm-2"><img width="100" height="100" src="{$info.piccaravan['4']}"></div>
                  {/if}
                  </div>
                </div>
              </div>
              <!-- 图片end -->
            <link rel="stylesheet" type="text/css" href="/front/css/common.css" />
            <link rel="stylesheet" type="text/css" href="/front/css/jquery-ui.css" />
            <script src="/front/js/jquery.js" type="text/javascript"></script>
            <script src="/front/js/jquery-ui.js"></script>
            <script src="/front/js/weifeng.js"></script>
            {if $info['status'] eq 1 }
            <script type="text/javascript">
              //数组状态：分享中
            var arr1 = [ "{$share|implode='","',###}"];
            //数组状态：分享成功
            var arr2 = [ "{$sharedisables|implode='","',###}"];
            //数组状态：出租成功
            var arr3 = [ "{$trustdisables|implode='","',###}"];
            //数组状态：出租中
            var arr4 = [ "{$notrustorderdisables|implode='","',###}"];
            var arr4a = {$rentPrice};
            //判断日期，并设置其状态样式
            function selectedate(date) {
              var d = formatterDate(date);
              if($.inArray(d, arr4)!=-1){
                var dd = arr4a[''+String(d)+''];
                return [true,'blue','托管中'];
              }else if($.inArray(d, arr3)!=-1){
                return [false,'blue','托管成功'];
              }else if($.inArray(d, arr2)!=-1){
                return [false,'red','分享成功'];
              }else if($.inArray(d, arr1)!=-1){
                return [true,'red','分享中'];
              }else
              return [true];
            }
            </script>
            {/if}
              <!-- 状态日历start -->
                <div class="col-lg-10 col-lg-offset-1">
                  <div class="panel panel-default">
                    <div class="panel-heading">
                      <h3 class="panel-title">房车状态</h3>
                    </div>
                    <div class="panel-body">
                      <div id="datepicker1"></div>
                      <script>
                        datePickerById1('#datepicker1', '#startdatesc', '#endatesc');
                      </script>
                    </div>
                  </div>
                </div>
            }
            <!-- 状态日历end -->
            </form>
          </div>
          <!-- 选项卡内容1end -->
        </div>
        <!-- 选项卡内容end -->
      </div>
      <!-- 选项卡end -->
    </div>

  </div><!-- /#page-wrapper -->

